<template>
	<view>
		<!-- #ifndef H5 -->
		<web-view src="https://webv2.qstamper.com/h5/#/pages/template/agreement/perInfoList"></web-view>
		<!-- #endif -->
		<!-- #ifdef H5 -->
		<uni-table border stripe emptyText="暂无更多数据" >
		    <uni-tr>
		        <uni-th align="center" width="100rpx">场景/业务功能</uni-th>
		        <uni-th align="center">个人信息种类</uni-th>
		        <uni-th align="left">目的</uni-th>
		    </uni-tr>
		    <uni-tr>
		        <uni-td>注册、登录</uni-td>
		        <uni-td>手机号、验证码、密码、公司编码</uni-td>
		        <uni-td>用于注册创建账号和登录</uni-td>
		    </uni-tr>
			<uni-tr>
			    <uni-td>个人中心</uni-td>
			    <uni-td>头像、昵称</uni-td>
			    <uni-td>用于完善网络身份标识</uni-td>
			</uni-tr>
			<uni-tr>
			    <uni-td>身份核验</uni-td>
			    <uni-td>指纹信息</uni-td>
			    <uni-td>用于设备使用时，校验指纹权限</uni-td>
			</uni-tr>
			<uni-tr>
			    <uni-td>使用过程中</uni-td>
			    <uni-td>设备信息、日志信息、网络信息</uni-td>
			    <uni-td>用于安全保障</uni-td>
			</uni-tr>
			<uni-tr>
			    <uni-td>附加功能</uni-td>
			    <uni-td>相机、相册、麦克风、通讯录</uni-td>
			    <uni-td>相机：扫码、拍照、上传图片
						<view class="panding"></view>
						相册：从相册中上传图片和存储图片
						<view class="panding"></view>
						麦克风：用于语音录入，按住说话
						<view class="panding"></view>
						通讯录：用于分享、交流、互动
						<view class="panding"></view>
				</uni-td>
			</uni-tr>
		</uni-table>
		<!-- #endif -->

	</view>
</template>

<script>
export default {
  onLoad() {
    uni.setNavigationBarTitle({title: this.$t('收集个人信息清单')})
  }
}
</script>

<style lang="scss" scoped>
	.panding{
		height: 10px;width: 10px;
	}
</style>
